<template>
	<div class="position-fixed zindex-999" style="right: 0; bottom: 120px;">
		<div class="h-50p w-50p bg-fff p shadow-sm" style="border-top-left-radius: 100%; border-bottom-left-radius: 100%;" @click.stop="clickButton">
			<!-- <img class="w-100 h-100 rounded-circle" src="@/assets/images/head-contact.png" /> -->
			<legend-image :pic="currentUrl" className="w-100 h-100 rounded-circle" />
		</div>
	</div>
</template>

<script>
import legendImage from 'components/legendImage/legendImage'
export default {
    name: 'contact',
	props: {
		src: {
			type: String,
			default: ''
		},
	},
    components: {
		legendImage
	},
    data() {
        return {
			currentUrl: ''
		}
    },
	watch: {
		src: {
			handler(newValue) {
				if(newValue) {
					this.currentUrl = newValue
				}
			},
			immediate: true
		}
	},
    mounted() {
    },
    methods: {
		clickButton() {
			this.$emit('click')
		}
    }
}
</script>

<style>
</style>
